<?php /* Smarty version 2.6.26, created on 2014-12-16 15:33:21
         compiled from pages/beranda.html */ ?>
<header>
       
        <div class="container-beranda">
            
            <div class="intro-text">
                        <div class="intro-lead-in">Selamat Datang di HARAPAN JAYA</div>
                <div class="intro-heading">Bisa Kami Bantu?</div>
                <a href="#lebih-beranda" class="page-scroll btn btn-xl">Silahkan Pilih</a>
            </div>
        </div>
        </div>
    </header>

<section id="lebih-beranda">
  <div="container">
  
  <h3 class="text-tengah">Beranda</h3>
  <div class="beranda-lanjut">
  <div class="row">
  <div class="col-md-3 text-tengah">
  <a href="#informasi"><i class="fa fa-cloud fa-5x " style="font-size:124px;"></i></a>
  <h4 class="text-tengah">info</h4> 
  </div>
  
  <div class="row">
  <div class="col-md-3 text-tengah">
  <a href="pesan.php"><i class="fa fa-external-link fa-5x " style="font-size:124px;"></i></a>
  <h4 class="text-tengah">Reservasi</h4> 
  </div>

    <div class="row">
  <div class="col-md-3 text-tengah">
  <a href="#tentang-kami"><i class="fa fa-newspaper-o fa-5x " style="font-size:124px;"></i></a>
  <h4 class="text-tengah">Tentang Kami</h4> 
</div>
</div>
</section>


<section id="galery-harjay">
<div class="container">
  <h2 class="text-center"><span class="glyphicon glyphicon-camera"></span>&nbsp Galeri</h2>
  <hr>

  <div class="row">
    <div class="col-xs-6 col-md-3">
      <a href="#" class="thumbnail">
        <img data-src="holder.js/100%x180" alt="100%x180" src="template/img/bis1.jpg" style="height: 180px; width: 100%; display: block;">
      </a>      
    </div>
    <div class="col-xs-6 col-md-3">
      <a href="#" class="thumbnail">
        <img data-src="holder.js/100%x180" alt="100%x180" src="template/img/1.jpg" style="height: 180px; width: 100%; display: block;">
      </a>
    </div>
    <div class="col-xs-6 col-md-3">
      <a href="#" class="thumbnail">
        <img data-src="holder.js/100%x180" alt="100%x180" src="template/img/2.jpg" style="height: 180px; width: 100%; display: block;">
      </a>
    </div>
    <div class="col-xs-6 col-md-3">
      <a href="#" class="thumbnail">
        <img data-src="holder.js/100%x180" alt="100%x180" src="template/img/3.jpg" style="height: 180px; width: 100%; display: block;">
      </a>
    </div>
  </div>
  <div class="row">
    <div class="col-xs-6 col-md-3">
      <a href="#" class="thumbnail">
        <img data-src="holder.js/100%x180" alt="100%x180" src="template/img/4.jpg" style="height: 180px; width: 100%; display: block;">
      </a>      
    </div>
    <div class="col-xs-6 col-md-3">
      <a href="#" class="thumbnail">
        <img data-src="holder.js/100%x180" alt="100%x180" src="template/img/5.jpg" style="height: 180px; width: 100%; display: block;">
      </a>
    </div>
    <div class="col-xs-6 col-md-3">
      <a href="#" class="thumbnail">
        <img data-src="holder.js/100%x180" alt="100%x180" src="template/img/6.jpg" style="height: 180px; width: 100%; display: block;">
      </a>
    </div>
    <div class="col-xs-6 col-md-3">
      <a href="#" class="thumbnail">
        <img data-src="holder.js/100%x180" alt="100%x180" src="template/img/7.jpg" style="height: 180px; width: 100%; display: block;">
      </a>
    </div>
  </div>

  <div class="row">
    <div class="col-xs-6 col-md-3">
      <a href="#" class="thumbnail">
        <img data-src="holder.js/100%x180" alt="100%x180" src="template/img/8.jpg" style="height: 180px; width: 100%; display: block;">
      </a>      
    </div>
    <div class="col-xs-6 col-md-3">
      <a href="#" class="thumbnail">
        <img data-src="holder.js/100%x180" alt="100%x180" src="template/img/9.jpg" style="height: 180px; width: 100%; display: block;">
      </a>
    </div>
    <div class="col-xs-6 col-md-3">
      <a href="#" class="thumbnail">
        <img data-src="holder.js/100%x180" alt="100%x180" src="template/img/10.jpg" style="height: 180px; width: 100%; display: block;">
      </a>
    </div>
    <div class="col-xs-6 col-md-3">
      <a href="#" class="thumbnail">
        <img data-src="holder.js/100%x180" alt="100%x180" src="template/img/11.jpg" style="height: 180px; width: 100%; display: block;">
      </a>
    </div>
  </div>
  <hr>
</div>
</section>


<section id="tentang-kami">
<div class="container">
<h1 class="text-judul"><a href="#tentang-kami">Tentang Kami</a></h1>

  <div class="col-xs-6 col-md-3">
   
    <a href="#sejarah">
    <i class="fa fa-cloud"></i> <span class="ukuran">&nbsp Sejarah</span>
    </a><br/>
    <a href="#sumber-daya">
    <i class="fa fa-group"></i> <span class="ukuran">&nbsp Sumber Daya</span>
    </a><br/>
    <a href="#armada">
    <i class="fa fa-bus"></i> <span class="ukuran">&nbsp Armada</span>
    </a><br/>
  </div>  
    <div class="col-xs-6 col-md-8">
    <h3 class="text-dalam">HARAPAN JAYA</h3>
      <p>Kantor Pusat     : Jl. Mayor Sujadi 23A, T. Agung -Jawa Timur
        (0355) 321620, 321624, 327575
        Kantor Cabang   : Jl. Raya Ngawi RT 16 RW 03, Maospati–Jawa Timur  (0351) 868931
        : Jl. Raya Tengah 34-35(Caglak) kelurahan Gedong -

        Jakarta Timur (021) 70382322, 70382066, 8411652
      </p>
  </div>
  </div>  
</section>

<section id="sejarah">
<div class="container">
<h1 class="text-judul"><a href="#tentang-kami">Tentang Kami</a></h1>

  <div class="col-xs-6 col-md-3">
   
    <a href="#sejarah">
    <i class="fa fa-cloud"></i> <span class="ukuran">&nbsp Sejarah</span>
    </a><br/>
    <a href="#sumber-daya">
    <i class="fa fa-group"></i> <span class="ukuran">&nbsp Sumber Daya</span>
    </a><br/>
    <a href="#armada">
    <i class="fa fa-bus"></i> <span class="ukuran">&nbsp Armada</span>
    </a><br/>
  </div>  
    <div class="col-xs-6 col-md-8">
    <h3 class="text-dalam"></h3>
    <h3 class="text-dalam">SEJARAH</h3>
      <p> PO.Harapan Jaya sudah  berdiri sejak tahun 1977, PO Harapan Jaya didirikan oleh Almarhum Harjaya Cahyana. Pada awal berdirinya di tahun 1977 PO Harapan Jaya hanya mengoprasikan Bus 3 armada bus saja.Dengan trayek bus Surabaya – Kediri – Tulungagung. PP.

        Tak berhenti hanya cukup di situ saja, PO Harapan Jaya terus mengembangkan sayap sayap bisnis transportasinya, PO harapan jaya Mulai merambah trayek jakarta – Tulungagung. PP di tahun 1993.

        Sampai saat ini rute rute yag di layani oleh pihak PO Harapan Jaya semakin beragam, dari Antar kota dalam Profinsi sampai Antar kota Antar Profinsi. Diantaranya bus surabaya melayani Tulungagung – Surabaya PP. Bus malam PO harapan Jaya melayani rute Blitar – Cikarang – Bekasi – Jakarta – Bogor – Tangerang.

        Selain melayani bus siang dan bus malam PO Harapan Jaya juga merambah ke Transportasi Bus Pariwisata, Bus Pariwisata milik PO harapan Jaya melayani pariwisata diantaranya menuju Sumatra – Jawa – Bali – Lombok.

        Dengan armada Longchasis mesin rangka dan karoseri terbaru, PO Harapan Jaya terus berusaha meningkatkan kualitas layanan transportasi Bus malam, siang dan Pariwisata. Selamat mencoba Bus PO harapan Jaya.  Sekian Sejarah PO harapan Jaya.
        Kantor Pusat     : Jl. Mayor Sujadi 23A, T. Agung -Jawa Timur
        (0355) 321620, 321624, 327575
        Kantor Cabang   : Jl. Raya Ngawi RT 16 RW 03, Maospati–Jawa Timur  (0351) 868931
        : Jl. Raya Tengah 34-35(Caglak) kelurahan Gedong -

        Jakarta Timur (021) 70382322, 70382066, 8411652
      </p>
  </div>
  </div>  
</section>

<section id="sumber-daya">
<div class="container">
<h1 class="text-judul"><a href="#tentang-kami">Tentang Kami</a></h1>

  <div class="col-xs-6 col-md-3">
   
    <a href="#sejarah">
    <i class="fa fa-cloud"></i> <span class="ukuran">&nbsp Sejarah</span>
    </a><br/>
    <a href="#sumber-daya">
    <i class="fa fa-group"></i> <span class="ukuran">&nbsp Sumber Daya</span>
    </a><br/>
    <a href="#armada">
    <i class="fa fa-bus"></i> <span class="ukuran">&nbsp Armada</span>
    </a><br/>
  </div>  
    <div class="col-xs-6 col-md-8">
    <h3 class="text-dalam">SUMBER DAYA</h3>
    <p>Berikut data sumber daya karyawan kami berdasarkan tingkat pendidikannya</p>
      <div class="box-body table-responsive">
                                    <table id="example2" class="table table-bordered table-hover">
                                        <thead>
                                            <tr>
                                                <th>Uraian</th>
                                                <th>2014</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                          <?php $_from = $this->_tpl_vars['sumber']; if (!is_array($_from) && !is_object($_from)) { settype($_from, 'array'); }if (count($_from)):
    foreach ($_from as $this->_tpl_vars['sumber']):
?>
                                          <tr>
                                                 <td><?php echo $this->_tpl_vars['sumber']['uraian']; ?>
</td>
                                                <td><?php echo $this->_tpl_vars['sumber']['total']; ?>
</td>
                                                </tr>
                                          <?php endforeach; endif; unset($_from); ?>
                                        </tbody>
                                     </table>
                                </div>
  </div>
  </div>  
</section>

<section id="armada">
<div class="container">
<h1 class="text-judul"><a href="#tentang-kami">Tentang Kami</a></h1>

  <div class="col-xs-6 col-md-3">
   
    <a href="#sejarah">
    <i class="fa fa-cloud"></i> <span class="ukuran">&nbsp Sejarah</span>
    </a><br/>
    <a href="#sumber-daya">
    <i class="fa fa-group"></i> <span class="ukuran">&nbsp Sumber Daya</span>
    </a><br/>
    <a href="#armada">
    <i class="fa fa-bus"></i> <span class="ukuran">&nbsp Armada</span>
    </a><br/>
  </div>  
    <div class="col-xs-6 col-md-8">
    <h3 class="text-dalam">ARMADA</h3>
      <h4>Berikut armada yang kami gunakan</h4>
      <div class="col-xs-4 col-md-4">
        <h5>SCANIA</h5>
        <a href="#" class="thumbnail">
        <img data-src="holder.js/100%x180" alt="100%x180" src="template/img/11.jpg" style="height: 180px; width: 100%; display: block;">
      </a>
       <p>Bus ini memiliki mesin tipe OC09 102 dengan tenaga sebesar 340 daya kuda (horse power). Mesin Scania tipe CNG ini memiliki kapasitas 9000 liter (cc). Kemudian untuk emisi yang dikeluarkan, kadar Nox sebesar 0,94, kadar PM 0,01, kadar HC 0,54, kadar CO 1,26, dan CO2 2063.</p>
      </div>
      <div class="col-xs-4 col-md-4">
        <h5>MERCEDES BENZ OH 1830</h5>
        <a href="#" class="thumbnail">
        <img data-src="holder.js/100%x180" alt="100%x180" src="template/img/10.jpg" style="height: 180px; width: 100%; display: block;">
      </a>
       <p>Bus ini memiliki mesin tipe 0H 1830 dengan tenaga sebesar 300 hp/2200rpm. Engine: OM926LA Euro III Type: 6 Cylinder in line Torque max: 1200nm/1400rpm Dispacement : 7201cm3 Transmission : ZF S6-1550 6 speed Suspension: air suspension Steering: ZF 8098 Tyres: 8.25 x 22.5</p>
      </div>
      <div class="col-xs-4 col-md-4">
        <h5>HINO AK8</h5>
        <a href="#" class="thumbnail">
        <img data-src="holder.js/100%x180" alt="100%x180" src="template/img/13.jpg" style="height: 180px; width: 100%; display: block;">
      </a>
       <p> Hino AK8 yang digunakan sebagai sasis dan jantung pacu bus ini mengusung mesin 6 silinder berkapasitas 7684 cc dengan posisi mesin berada di depan. Menurut data teknis, mesin milik Hino AK mampu menghasilkan output tenaga hingga 215 horse power
      </div>
  </div>
  </div>  
</section>

<section id="layanan">
<div class="container">
<h2 class="layanan">Layana Produk</h2>
<div class="col-md-12">
  <div class="col-md-3">
    <h4 class="layanan">Executive</h4>
    
    <a href="#" class="thumbnail">
        <img data-src="template/js/holder.js/100%x180" alt="100%x180" src="template/img/executive.jpg" style="height: 180px; width: 100%; display: block;">
      </a>
    <p>Fasilitas :
-Full AC
-Audio
-Bantal
-Selimut
-Area Merokok ( Smoking Area )
-Toilet
-Service Makan 2x
-Sandaran Kaki
-Recleaning Seat
-Seat 2-2 dengan Total seat 28/30, dll.
-Rasakan kenyamanan serasa di rumah anda.
# Untuk kelas ini anda dapat menikmati Bus Scania K310,360,380 dan Mercedes Benz 1626,1836.</p>
  </div>
  <div class="col-md-3">
    <h4 class="layanan">Pariwisata</h4>
    
    <a href="#" class="thumbnail">
        <img data-src="template/js/holder.js/100%x180" alt="100%x180" src="template/img/pariwisata.jpg" style="height: 180px; width: 100%; display: block;">
      </a>
    <p>Fasilitas :
-Full AC
-Audio
-Bantal
-Selimut
-Toilet
-Service Makan 2x
-Recleaning Seat
-Seat 2-2 dengan Total seat 34/38, dll.
# Untuk kelas ini anda dapat menikmati Bus Mercedes Benz 1626 dan Hino</p>
  </div>
  <div class="col-md-3">
    <h4 class="layanan">VIP</h4>

    <a href="#" class="thumbnail">
        <img data-src="template/js/holder.js/100%x180" alt="100%x180" src="template/img/vip.jpg" style="height: 180px; width: 100%; display: block;">
      </a>
    <p>Fasilitas :
-Full AC
-Audio
-Bantal
-Selimut
-Toilet
-Service Makan 2x
-Recleaning Seat
-Seat 2-2 dengan Total seat 34/38, dll.
# Untuk kelas ini anda dapat menikmati Bus Mercedes Benz 1626 dan Hino</p>
  </div>
  <div class="col-md-3">
    <h4 class="layanan">PATAS</h4>
    <a href="#" class="thumbnail">
        <img data-src="template/js/holder.js/100%x180" alt="100%x180" src="template/img/patas.jpg" style="height: 180px; width: 100%; display: block;">
      </a>
    <p>Fasilitas :
-Full AC
-Audio
-Selimut
-Toilet/Non Toilet
-Service Makan 1x
-Recleaning Seat
-Seat 2-2 dengan Total seat 38/40/43.
# Untuk kelas ini anda dapat menikmati Bus Mercedes Benz, Mercedes Benz air suspensi dan Hino air suspensi</p>
  </div>

</div>
  
</div>
  
</section>


<section id="informasi">
  <div class="container">
    <h3>Informasi Umum</h3>
    <div class="col-md-12" style="border-color=black;">
      <div class="col-md-3"style="border-color=black;">
        
      </div>
      <div class="col-md-9"style="border-color=black;">
        <?php $_from = $this->_tpl_vars['artikel']; if (!is_array($_from) && !is_object($_from)) { settype($_from, 'array'); }if (count($_from)):
    foreach ($_from as $this->_tpl_vars['artikel']):
?>
        <h4><?php echo $this->_tpl_vars['artikel']['judul']; ?>
</h4>
        <p><?php echo $this->_tpl_vars['artikel']['tanggal']; ?>
</p>
        <p><?php echo $this->_tpl_vars['artikel']['artikel']; ?>
</p><hr/>        
        <?php endforeach; endif; unset($_from); ?>
      </div>
    </div>
  </div>
</section>